doctype html
html(lang='zh_CN')
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(name='description', content='')
    meta(name='author', content='Dashboard')
    meta(name='keyword', content='Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina')
    title= title
    // Bootstrap core CSS
    link(href='/assets/css/bootstrap.css', rel='stylesheet')
    link(href='/assets/font-awesome/css/font-awesome.css', rel='stylesheet')
    link(rel='stylesheet', type='text/css', href='/assets/css/zabuto_calendar.css')
    link(rel='stylesheet', type='text/css', href='/assets/js/gritter/css/jquery.gritter.css')
    link(rel='stylesheet', type='text/css', href='/assets/lineicons/style.css')
    // Custom styles for this template
    link(href='/assets/css/style.css', rel='stylesheet')
    link(href='/assets/css/style-responsive.css', rel='stylesheet')
    link(href='/assets/css/table-responsive.css', rel='stylesheet')
    script(src='/assets/js/chart-master/Chart.js')
    link(rel='icon', type='image/png' href='/favicon.png')
  body
    section#container
      //
        **********************************************************************************************************************************************************
        TOP BAR CONTENT & NOTIFICATIONS
        ***********************************************************************************************************************************************************
      // header start
      header.header.black-bg
        .sidebar-toggle-box
          .fa.fa-bars.tooltips(data-placement='right', data-original-title='显示与关闭侧边栏')
        // logo start
        a.logo(href='/index')
          b #{title}
        // logo end
        #top_menu.nav.notify-row
          // notification start
          ul.nav.top-menu
            // settings start
            li.dropdown
              a.dropdown-toggle(data-toggle='dropdown', href='/index')
                i.fa.fa-tasks          
                span.badge.bg-theme 4      
              ul.dropdown-menu.extended.tasks-bar
                .notify-arrow.notify-arrow-green     
                li
                  p.green You have 4 pending tasks
                li
                  a(href='/index')
                    .task-info
                      .desc DashGum Admin Panel                 
                      .percent 40%      
                    .progress.progress-striped
                      .progress-bar.progress-bar-success(role='progressbar', aria-valuenow='40', aria-valuemin='0', aria-valuemax='100', style='width: 40%')
                        span.sr-only 40% Complete (success)
                li
                  a(href='/index')
                    .task-info
                      .desc Database Update            
                      .percent 60%         
                    .progress.progress-striped
                      .progress-bar.progress-bar-warning(role='progressbar', aria-valuenow='60', aria-valuemin='0', aria-valuemax='100', style='width: 60%')
                        span.sr-only 60% Complete (warning)
                li
                  a(href='/index')
                    .task-info
                      .desc Product Development               
                      .percent 80%             
                    .progress.progress-striped
                      .progress-bar.progress-bar-info(role='progressbar', aria-valuenow='80', aria-valuemin='0', aria-valuemax='100', style='width: 80%')
                        span.sr-only 80% Complete
                li
                  a(href='/index')
                    .task-info
                      .desc Payments Sent                     
                      .percent 70% 
                    .progress.progress-striped
                      .progress-bar.progress-bar-danger(role='progressbar', aria-valuenow='70', aria-valuemin='0', aria-valuemax='100', style='width: 70%')
                        span.sr-only 70% Complete (Important)
                li.external
                  a(href='#') See All Tasks
            // settings end
            // inbox dropdown start
            li#header_inbox_bar.dropdown
              a.dropdown-toggle(data-toggle='dropdown', href='/index')
                i.fa.fa-envelope-o  
                span.badge.bg-theme 5
              ul.dropdown-menu.extended.inbox
                .notify-arrow.notify-arrow-green  
                li
                  p.green You have 5 new messages
                li
                  a(href='/index')
                    span.photo
                      img(alt='avatar', src='/assets/img/ui-zac.jpg')
                    span.subject
                      span.from Zac Snider              
                      span.time Just now            
                    span.message
                      | Hi mate, how is everything?
                li
                  a(href='/index')
                    span.photo
                      img(alt='avatar', src='/assets/img/ui-divya.jpg')
                    span.subject
                      span.from Divya Manian          
                      span.time 40 mins.         
                    span.message
                      | Hi, I need your help with this.
                li
                  a(href='/index')
                    span.photo
                      img(alt='avatar', src='/assets/img/ui-danro.jpg')
                    span.subject
                      span.from Dan Rogers               
                      span.time 2 hrs.          
                    span.message
                      | Love your new Dashboard.
                li
                  a(href='/index')
                    span.photo
                      img(alt='avatar', src='/assets/img/ui-sherman.jpg')
                    span.subject
                      span.from Dj Sherman            
                      span.time 4 hrs.         
                    span.message
                      | Please, answer asap.
                li
                  a(href='/index') See all messages
            // inbox dropdown end
          // notification end 
        .top-menu
          ul.nav.pull-right.top-menu
            li
              if user
                a.logout(href='/logout') Logout
              else
                a.logout(href='/signin') SignIn
      // header end
      include ./includes/aside
      //
        **********************************************************************************************************************************************************
        MAIN CONTENT
        ***********************************************************************************************************************************************************
      // main content start
      section#main-content
        section.wrapper
          block content
      // main content end
      include ./includes/footer
    include ./includes/bootstrap
    if gritter
      script(src="/javascripts/index.js")
    if configMassjs
      script(src="/javascripts/configMass.js")
    if massjs
      script(src="/javascripts/began_ajax.js")
    if applykeyjs
      script(src="/javascripts/applyKey.js")
    if keylistjs
      script(src="/javascripts/keylist.js")

